import React  from 'react'
import style from './index.less'
import {Row,Col} from 'antd'

import Charts5 from '../Charts5'
import Notes from '../Notes'
import TradeDetails from '../TradeDetails'


export default ({charts,notes,profitRecord,lossRecord,pnlEfficiencyRecord})=>{
  return(
    <div>
      <Row>
        <Col  xs={24} sm={24} md={24} lg={12} xl={12}><Charts5 {...charts} /></Col>
        <Col  xs={24} sm={24} md={24} lg={12} xl={12}><Notes data={notes.reverse()} /></Col>
      </Row>
      {
        profitRecord?(
          <Row>
            <Col span={24}>
              <TradeDetails {...profitRecord}/>
            </Col>
          </Row>
        ):null
      }
      {
        lossRecord?(
          <Row>
            <Col span={24}>
              <TradeDetails {...lossRecord}/>
            </Col>
          </Row>
        ):null
      }
      {
        pnlEfficiencyRecord?(
          <Row>
            <Col span={24}>
              <TradeDetails {...pnlEfficiencyRecord}/>
            </Col>
          </Row>
        ):null
      }

    </div>
  )
}
